<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="speeddigit">

    <meta name="description" content="speed digit electronics Bootstrap Web Template">
    <meta name="keywords"
        content="electronics ecommerce website template, electronic shop website template,electronics ecommerce website htlm template">
    <title>Shop - Electrolo</title>
    <link rel="shortcut icon" type="image/jpg" href="assets/img/icon/Fave-icon.png" />
    <!-- =======external link=========== -->
    <!-- =========fontawesome======= -->
    <link rel="stylesheet" href="assets/font/fontawesome/css/all.css">

    <!-- =========bootstrap======= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- =========carousel======= -->
    <link rel="stylesheet" href="assets/css/owlcarousel/owl.carousel.min.css">
    <!-- =========carousel theme======= -->
    <link rel="stylesheet" href="assets/css/owlcarousel/owl.theme.default.min.css">
    <!-- =========default======= -->
    <link rel="stylesheet" href="assets/css/default.css">
    <!--======jquery ui======-->
    <link rel="stylesheet" href="assets/css/jQuery.UI.css">
    <!-- =========layouts======= -->
    <link rel="stylesheet" href="assets/css/layouts.css">
    <!-- ===========rating viewer end======= -->
    <link rel="stylesheet" href="assets/css/smoothproducts.css">
    <!-- =========style======= -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- =========responsive======= -->
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>

<body>
    <!-- ==========preloader========= -->
    <div class="preloader" id="spinner">
        <img src="assets/img/icon/preloder.svg" alt="">
    </div>
    <!-- ==========preloader end========= -->
    <div class="body-wrapper">
        <!-- ====HEADER========= -->
        <div class="header">
            <!-- =====top header====== -->
            <div class="top-head">
                <div class="container-fluid custom-padding border-bottom">
                    <div class="head-help">
                        <ul class="help-mail-number">
                            <li>
                                <a href="" class="help-link"><img src="assets/img/icon/bx-support.svg" class="head-icon"
                                        alt="">Helpline: 123-456-789</a>
                            </li>
                            <li>
                                <a href="" class="help-link"><img src="assets/img/icon/mail-outline.svg"
                                        class="head-icon" alt="">info@example.com</a>
                            </li>
                        </ul>
                        <div class="currency-call">
                            <div class="right-head">
                                <ul>
                                    <li>
                                        <a href="order-traking.html" class="call-contact border-end"><img
                                                src="assets/img/icon/Shipping.svg" alt="" class="head-icon">Track your
                                            order</a>
                                    </li>
                                    <li>
                                        <select class="form-select " aria-label="Default select example">
                                            <option selected>$ Dollar</option>
                                            <option value="1">€ Euro</option>
                                            <option value="2">৳ Taka</option>
                                            <option value="3">₹ Rupee</option>
                                        </select>
                                    </li>
                                    <li>
                                        <a href="login.html" class="call-contact border-start">Login/Register <img
                                                src="assets/img/icon/Path-52.svg" alt="" class="head-icon"></a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- =======top header end===== -->
            <div class="main-header">
                <div class="middle-head">
                    <div class="container-fluid custom-padding">
                        <div class="row">
                            <div class="middle-header-flex">
                                <div class="logo">
                                    <a href="index.html" class="logo-link"><img
                                            src="assets/img/logo/Llectrolo-Logo-Red.svg" alt="" class="logo-img"></a>
                                </div>
                                <div class="search-bar">
                                    <div class="input-group search-input">
                                        <input type="text" class="form-control " placeholder="Search a Product">
                                        <div class="input-group-append">
                                            <button class="btn  search-btn" type="button">
                                                <i class="fa fa-search"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <div class="adlc">
                                    <ul class="adlc-menu">
                                        <li>
                                            <a href="compare.html">
                                                <img src="assets/img/icon/suffle.svg" alt="" class="adlc-img">
                                                <span class="count">2</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="wishlist.html">
                                                <img src="assets/img/icon/heart.svg" alt="" class="adlc-img">
                                                <span class="count">0</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#" id="cartCardToggle">
                                                <img src="assets/img/icon/shopping-cart.svg" alt="" class="adlc-img">
                                                <span class="count">3</span>
                                            </a>
                                            <div class="cart-dropdown-menu " id="toggleCard">
                                                <div class="card-top-text">
                                                    <span class="card-title">
                                                        CHECKOUT
                                                    </span>
                                                </div>
                                                <ul class="cart-ul-dp">
                                                    <li class="cart-item">
                                                        <div class="cart-left-sec">
                                                            <img src="assets/img/product/dron.png" alt=""
                                                                class="cart-product-img">
                                                            <div class="name-rating">
                                                                <h3 class="cart-product-name">High Security Long..</h3>
                                                                <div class="qe-price">
                                                                    Quantity: 3 X <span class="price">$425</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="cart-remove-btn">
                                                            <a href="" class="remove-cart"> <img
                                                                    src="assets/img/icon/x-mark.svg" alt=""> </a>
                                                        </div>
                                                    </li>
                                                    <li class="cart-item">
                                                        <div class="cart-left-sec">
                                                            <img src="assets/img/product/iphone_12_PNG3.png  " alt=""
                                                                class="cart-product-img">
                                                            <div class="name-rating">
                                                                <h3 class="cart-product-name">Radices Educational ...
                                                                </h3>
                                                                <div class="qe-price">
                                                                    Quantity: 9 X <span class="price">$438</span>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="cart-remove-btn">
                                                            <a href="" class="remove-cart"> <img
                                                                    src="assets/img/icon/x-mark.svg" alt=""> </a>
                                                        </div>
                                                    </li>
                                                    <li class="cart-item">
                                                        <div class="cart-left-sec">
                                                            <img src="assets/img/product/klipartz.com.png" alt=""
                                                                class="cart-product-img">
                                                            <div class="name-rating">
                                                                <h3 class="cart-product-name">Bluck Ultra Music... </h3>
                                                                <div class="qe-price">
                                                                    Quantity: 2 X <span class="price">$233</span>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="cart-remove-btn">
                                                            <a href="" class="remove-cart"> <img
                                                                    src="assets/img/icon/x-mark.svg" alt=""> </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <div class="cart-btn-sec">
                                                    <a href="cart.html" class="custom-btn-alt">View Cart</a>
                                                    <a href="checkout.html" class="custom-btn">Check Out</a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="last-nav-sec border-bottom">
                    <div class="container-fluid custom-padding">
                        <div class="row align-items-center">
                            <div class="col-md-2">
                                <ul class="last-nav w-100">
                                    <li class="last-list  w-100 p-0 m-0"><a href="#" class="last-list-link cus-bg"
                                            id="category-parent">All category <img src="assets/img/icon/bars.svg"
                                                class="cat-toggle-bars" alt=""></a>
                                        <ul class="category-top-menu">
                                            <li class="category-list">
                                                <a href="" class="cat-link"><span class="left-menu"><img
                                                            src="assets/img/icon/accessory.svg" alt=""
                                                            class="cat-icon">Accessories</span> <span
                                                        class="fas fa-chevron-right"></span></a>
                                                <div class="sub-cat">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Computers & Accessories:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Computers & Accessories</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Laptops, Desktops &
                                                                        Monitors</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Printers & Ink</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Networking & Internet
                                                                        Devices</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Computer Accessories</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Cameras & Photography:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Lenses</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Camera Accessories</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Security & Surveillance</a>
                                                                </li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Binoculars & Telescopes</a>
                                                                </li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Camcorders</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Mobiles & Tablets:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Mobile Phones</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Smartphones</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Refurbished Mobiles</a></li>
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Mobile Accessories</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Cases & Covers</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Movies & TV Shows:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Movies & TV Shows</a></li>
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        English</a></li>
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Hindi</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Video Games:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">PC
                                                                        Games</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Consoles</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Accessories</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-4">
                                                            <h3 class="cat-title">
                                                                Music:
                                                            </h3>
                                                            <ul class="sub-cat-ul">
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Music</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Indian Classical</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Musical Instruments</a></li>
                                                                <li class="sub-cat-list"><a href="" class="sub-link">All
                                                                        Watches</a></li>
                                                                <li class="sub-cat-list"><a href=""
                                                                        class="sub-link">Headphones</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img
                                                            src="assets/img/icon/notebook-computer.svg" alt=""
                                                            class="cat-icon">Laptop</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/Smartphone.svg"
                                                            alt="" class="cat-icon">Mobile</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/tv.svg" alt=""
                                                            class="cat-icon">TV & LG</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/headphone.svg"
                                                            alt="" class="cat-icon">headphone</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/camera.svg" alt=""
                                                            class="cat-icon">camera</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/watch.svg" alt=""
                                                            class="cat-icon">watch</span><span
                                                        class="fas fa-chevron-right"></span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/microphone.svg"
                                                            alt="" class="cat-icon">microphone</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/lighting.svg" alt=""
                                                            class="cat-icon">lighting</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/speaker.svg" alt=""
                                                            class="cat-icon">speaker</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/cctv.svg" alt=""
                                                            class="cat-icon">Security</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/gaming.svg" alt=""
                                                            class="cat-icon">Xbox</span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/mouse.png" alt=""
                                                            class="cat-icon">Mouse </span></a></li>
                                            <li class="category-list"><a href="" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/tools.jpg" alt=""
                                                            class="cat-icon">Tools</span></a></li>
                                        </ul>
                                    </li>

                                </ul>
                            </div>
                            <div class="col-md-10">
                                <ul class="last-nav">
                                    <li class="last-list"><a href="index.html" class="last-list-link">Home</a></li>
                                    <li class="last-list"><a href="cat-by-product-col-4.html"
                                            class="last-list-link">shop</a></li>
                                    <li class="last-list"><a href="blog.html" class="last-list-link">Blog</a></li>
                                    <li class="last-list"><a href="about.html" class="last-list-link">About</a></li>
                                    <li class="last-list"><a href="#" class="last-list-link">Pages</a>
                                        <div class="top-dp-category">
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <h3 class="cat-title">
                                                        Home Page:
                                                    </h3>
                                                    <ul class="sub-cat-ul">
                                                        <li class="sub-cat-list"><a href="index.html"
                                                                class="sub-link">Home 1</a></li>
                                                        <li class="sub-cat-list"><a href="home-2.html"
                                                                class="sub-link">Home 2</a></li>
                                                        <li class="sub-cat-list"><a href="home-3.html"
                                                                class="sub-link">Home 3</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col-md-4">
                                                    <h3 class="cat-title">
                                                        Shop Pages:
                                                    </h3>
                                                    <ul class="sub-cat-ul">
                                                        <li class="sub-cat-list"><a href="single-product.html"
                                                                class="sub-link">Single Product</a></li>
                                                        <li class="sub-cat-list"><a href="checkout.html"
                                                                class="sub-link">Checkout</a></li>
                                                        <li class="sub-cat-list"><a href="cart.html"
                                                                class="sub-link">Cart</a></li>
                                                        <li class="sub-cat-list"><a href="cat-by-product-col-4.html"
                                                                class="sub-link">Shop</a></li>
                                                        <li class="sub-cat-list"><a href="wishlist.html"
                                                                class="sub-link">Wishlist</a></li>
                                                        <li class="sub-cat-list"><a href="compare.html"
                                                                class="sub-link">Compare</a></li>
                                                        <li class="sub-cat-list"><a href="order-traking.html"
                                                                class="sub-link">Order Tracking</a></li>
                                                        <li class="sub-cat-list"><a href="order-history.html"
                                                                class="sub-link">Order History</a></li>
                                                        <li class="sub-cat-list"><a href="order-complete.html"
                                                                class="sub-link">Order Complete</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col-md-4">
                                                    <h3 class="cat-title">
                                                        Others Pages:
                                                    </h3>
                                                    <ul class="sub-cat-ul">
                                                        <li class="sub-cat-list"><a href="about.html"
                                                                class="sub-link">About</a></li>
                                                        <li class="sub-cat-list"><a href="faq.html"
                                                                class="sub-link">FAQ</a></li>
                                                        <li class="sub-cat-list"><a href="terms_and_condition.html"
                                                                class="sub-link">Terms & Condition</a></li>
                                                        <li class="sub-cat-list"><a href="blog.html"
                                                                class="sub-link">Blog</a></li>
                                                        <li class="sub-cat-list"><a href="single-blog-post.html"
                                                                class="sub-link">Single Blog Post</a></li>
                                                        <li class="sub-cat-list"><a href="login.html"
                                                                class="sub-link">Login</a></li>
                                                        <li class="sub-cat-list"><a href="registration.html"
                                                                class="sub-link">Registration</a></li>
                                                        <li class="sub-cat-list"><a href="profile.html"
                                                                class="sub-link">Profile</a></li>
                                                        <li class="sub-cat-list"><a href="contact.html"
                                                                class="sub-link">Contact</a></li>
                                                        <li class="sub-cat-list"><a href="404.html"
                                                                class="sub-link">404</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="last-list"><a href="contact.html" class="last-list-link">Contact Us</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ===============================================Footer Nav======================= -->
            <div class="footer__nav">
                <ul class="menus">

                    <li>
                        <a href="cart.html">
                            <i class="fas fa-cart-plus"></i> <span>Cart</span>
                        </a>
                    </li>
                    <li><a href="cat-by-product-col-4.html"><i class="fas fa-qrcode"></i> <span>Category</span></a></li>
                    <li class="active-icon"><a href="index.html"><i class="fas fa-home"></i> <span>Home</span></a></li>
                    <li><a href="wishlist.html"><i class="far fa-heart"></i> <span>Wishlist</span></a></li>
                    <li><a href="profile.html"><i class="far fa-user"></i> <span>Profile</span></a></li>
                </ul>
            </div>
            <!-- ====================================MOBILE NAVIGATION END========================= -->
        </div>
        <!-- ====HEADER END========= -->
        <div class="content-wrapper">
            <!-- ============Track URL=========== -->
            <div class="track-bar">
                <div class="container">
                    <div class="row">
                        <div class="track-list">
                            <ul class="track-ul">
                                <li><a href="" class="track-link">Home</a>></li>
                                <li><a href="" class="track-link">Shop</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ============Track URL=========== -->
            <!-- ========cat by product======== -->
            <section>
                <div class="category-by-product-sec">
                    <div class="container">
                        <div class="body-hidden" id="hidden-div"></div>
                        <div class="row">

                            <div class="col-lg-3 mobile-responsive-cat-page" id="filter-menu">
                                <div class="cat-by-left-box">
                                    <div class="category-list">
                                        <h3 class="box-title">
                                            All Categories
                                        </h3>
                                        <ul class="category-list-ul border" id="category-list">
                                            <li class="category-list">
                                                <a href="#" class="cat-link"><span class="left-menu"><img
                                                            src="assets/img/icon/accessory.svg" alt=""
                                                            class="cat-icon">Accessories</span> <span
                                                        class="fas fa-chevron-right"></span></a>
                                                <div class="dp-menu">
                                                    <ul class="sub-ul">
                                                        <li class="sub-cat-li"><a href="#"
                                                                class="sub-cat-link">Iphone</a></li>
                                                        <li class="sub-cat-li"><a href="#"
                                                                class="sub-cat-link">Samsung</a></li>
                                                        <li class="sub-cat-li"><a href="#"
                                                                class="sub-cat-link">Huaie</a></li>
                                                        <li class="sub-cat-li"><a href="#"
                                                                class="sub-cat-link">Xiaomi</a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img
                                                            src="assets/img/icon/notebook-computer.svg" alt=""
                                                            class="cat-icon">Laptop</span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/Smartphone.svg"
                                                            alt="" class="cat-icon">Mobile</span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/tv.svg" alt=""
                                                            class="cat-icon">TV & LG</span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/headphone.svg"
                                                            alt="" class="cat-icon">headphone</span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/camera.svg" alt=""
                                                            class="cat-icon">camera</span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/watch.svg" alt=""
                                                            class="cat-icon">watch</span><span
                                                        class="fas fa-chevron-right"></span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/microphone.svg"
                                                            alt="" class="cat-icon">microphone</span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/lighting.svg" alt=""
                                                            class="cat-icon">lighting</span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/speaker.svg" alt=""
                                                            class="cat-icon">speaker</span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/cctv.svg" alt=""
                                                            class="cat-icon">Security</span></a></li>
                                            <li class="category-list"><a href="#" class="cat-link"><span
                                                        class="left-menu"><img src="assets/img/icon/gaming.svg" alt=""
                                                            class="cat-icon">Xbox</span></a></li>
                                        </ul>

                                    </div>

                                    <div class="price-filter-sec border p-2 mt-2">
                                        <h3 class="box-title my-3">
                                            Pricing Filter
                                        </h3>
                                        <div class="filter-sec">
                                            <div class="filter__sub__cat_Lhov">
                                                <div id="slider-range"></div>
                                                <form method="post" action="get_items.php">
                                                    <input type="hidden" id="amount1">
                                                    <input type="hidden" id="amount2">
                                                </form>
                                                <div
                                                    class="price__filter d-flex mt-4 align-items-center justify-content-center">
                                                    <p id="amount"></p>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <!-- ==================brand filter========= -->
                                    <div class="brand-filtr border p-2 mt-2">
                                        <h3 class="box-title my-3">
                                            Brand
                                        </h3>
                                        <div class="brand-filter-inner">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" checked value=""
                                                    id="apple">
                                                <label class="form-check-label brand-filter-input-label" for="apple">
                                                    <span> Apple</span>
                                                    <span class="count-brand-item">564</span>
                                                </label>
                                            </div>

                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="oneplus">
                                                <label class="form-check-label brand-filter-input-label" for="oneplus">
                                                    <span>Oneplus</span>
                                                    <span class="count-brand-item">323</span>
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="samsung">
                                                <label class="form-check-label brand-filter-input-label" for="samsung">
                                                    <span>Samsung</span>
                                                    <span class="count-brand-item">233</span>
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="sony">
                                                <label class="form-check-label brand-filter-input-label" for="sony">
                                                    <span>Sony</span>
                                                    <span class="count-brand-item">453</span>
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- ============brand filter end========= -->

                                    <!-- =======rating filter====== -->
                                    <div class="rating-sec border p-2 mt-2">
                                        <h3 class="box-title my-3">
                                            Rating
                                        </h3>
                                        <div class="rating-star">
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" checked value="" id="5">
                                                <ul class="filter-rating">
                                                    <li><span class="fas fa-star"></span></li>
                                                    <li><span class="fas fa-star"></span></li>
                                                    <li><span class="fas fa-star"></span></li>
                                                    <li><span class="fas fa-star"></span></li>
                                                </ul>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="4">
                                                <ul class="filter-rating">
                                                    <li><span class="fas fa-star"></span></li>
                                                    <li><span class="fas fa-star"></span></li>
                                                    <li><span class="fas fa-star"></span></li>
                                                    <li><span class="far fa-star"></span></li>
                                                </ul>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="3">
                                                <ul class="filter-rating">
                                                    <li><span class="fas fa-star"></span></li>
                                                    <li><span class="fas fa-star"></span></li>
                                                    <li><span class="far fa-star"></span></li>
                                                    <li><span class="far fa-star"></span></li>
                                                </ul>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="checkbox" value="" id="2">
                                                <ul class="filter-rating">
                                                    <li><span class="fas fa-star"></span></li>
                                                    <li><span class="far fa-star"></span></li>
                                                    <li><span class="far fa-star"></span></li>
                                                    <li><span class="far fa-star"></span></li>
                                                </ul>
                                            </div>
                                        </div>


                                    </div>
                                    <!-- =====filter submit button====== -->
                                    <div class="d-flex justify-content-center border-top-0 border p-3">
                                        <a href="" class="custom-btn">APPLY FILTER</a>
                                    </div>
                                    <!-- ========rating filter========== -->



                                    <!-- =========latest product slider============== -->
                                    <div class="latest-pd-slider mt-3">
                                        <h3 class="latest-slider-title">
                                            Latest Products
                                        </h3>
                                        <div class="ls-product-slider owl-carousel owl-theme">
                                            <div class="item">
                                                <ul class="ls-product-ul">
                                                    <li class="ls-product-li">
                                                        <a href="single-product.html" class="ls-pd-link">
                                                            <img src="assets/img/product/p-7.png" alt=""
                                                                class="ls-pd-img">
                                                            <div class="ls-pd-des">
                                                                <p>Up to <span>10 off</span></p>
                                                                <p class="ls-px-name">
                                                                    Wireless Headset Bluetooth 4.2
                                                                </p>
                                                                <p class="ls-pd-price">$22.55</p>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="ls-product-li">
                                                        <a href="single-product.html" class="ls-pd-link">
                                                            <img src="assets/img/product/p-8.png" alt=""
                                                                class="ls-pd-img">
                                                            <div class="ls-pd-des">
                                                                <p>Up to <span>5 off</span></p>
                                                                <p class="ls-px-name">
                                                                    Apple Iphone 12 Pro..
                                                                </p>
                                                                <p class="ls-pd-price">$765.99</p>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="ls-product-li">
                                                        <a href="single-product.html" class="ls-pd-link">
                                                            <img src="assets/img/product/p-11.png" alt=""
                                                                class="ls-pd-img">
                                                            <div class="ls-pd-des">
                                                                <p>Up to <span>33 off</span></p>
                                                                <p class="ls-px-name">
                                                                    Apple iPad Air...
                                                                </p>
                                                                <p class="ls-pd-price">$25.55</p>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="ls-product-li">
                                                        <a href="single-product.html" class="ls-pd-link">
                                                            <img src="assets/img/product/p-12.png" alt=""
                                                                class="ls-pd-img">
                                                            <div class="ls-pd-des">
                                                                <p>Up to <span>10 off</span></p>
                                                                <p class="ls-px-name">
                                                                    Microsoft Xbox Series X/S
                                                                </p>
                                                                <p class="ls-pd-price">$255.55</p>
                                                            </div>
                                                        </a>
                                                    </li>

                                                </ul>
                                            </div>
                                            <div class="item">
                                                <ul class="ls-product-ul">
                                                    <li class="ls-product-li">
                                                        <a href="single-product.html" class="ls-pd-link">
                                                            <img src="assets/img/product/p-4.png" alt=""
                                                                class="ls-pd-img">
                                                            <div class="ls-pd-des">
                                                                <p>Up to <span>50 off</span></p>
                                                                <p class="ls-px-name">
                                                                    Music Headphone
                                                                </p>
                                                                <p class="ls-pd-price">$15.55</p>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="ls-product-li">
                                                        <a href="single-product.html" class="ls-pd-link">
                                                            <img src="assets/img/product/p-5.png" alt=""
                                                                class="ls-pd-img">
                                                            <div class="ls-pd-des">
                                                                <p>Up to <span>80 off</span></p>
                                                                <p class="ls-px-name">
                                                                    Dell Gmatrix 8 GB Ram
                                                                </p>
                                                                <p class="ls-pd-price">$225.99</p>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="ls-product-li">
                                                        <a href="single-product.html" class="ls-pd-link">
                                                            <img src="assets/img/product/p-6.png" alt=""
                                                                class="ls-pd-img">
                                                            <div class="ls-pd-des">
                                                                <p>Up to <span>30 off</span></p>
                                                                <p class="ls-px-name">
                                                                    Pink Blues Ultra Music
                                                                </p>
                                                                <p class="ls-pd-price">$35.99</p>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="ls-product-li">
                                                        <a href="single-product.html" class="ls-pd-link">
                                                            <img src="assets/img/product/p-7.png" alt=""
                                                                class="ls-pd-img">
                                                            <div class="ls-pd-des">
                                                                <p>Up to <span>10 off</span></p>
                                                                <p class="ls-px-name">
                                                                    Wireless Headset Bluetooth 4.2
                                                                </p>
                                                                <p class="ls-pd-price">$22.55</p>
                                                            </div>
                                                        </a>
                                                    </li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- =========latest product slider============== -->


                                </div>
                            </div>
                            <div class="col-lg-9">
                                <div class="category-by-product-sec">
                                    <div class="sort-by-head">
                                        <h2>Trending Products</h2>
                                        <div class="sort-head-right">
                                            <ul class="nav sort-ul" id="myTab" role="tablist">
                                                <li class="sort-item">
                                                    <button class="nav-link active" id="home-tab" data-bs-toggle="tab"
                                                        data-bs-target="#home" type="button" role="tab"
                                                        aria-controls="home" aria-selected="true">
                                                        <img src="assets/img//icon/grid-view-solid.svg" alt=""
                                                            class="item-image">
                                                    </button>
                                                </li>
                                                <li class="sort-item">
                                                    <button class="nav-link" id="profile-tab" data-bs-toggle="tab"
                                                        data-bs-target="#profile" type="button" role="tab"
                                                        aria-controls="profile" aria-selected="false">
                                                        <img src="assets/img//icon/View-List.svg" alt=""
                                                            class="item-image">
                                                    </button>
                                                </li>
                                                <li class="sort-item">
                                                    <a href="#" id="filter-btn" class="filter-btn"><img
                                                            src="assets/img/icon/filter.svg" alt=""
                                                            class="filter-img"></a>
                                                </li>
                                                <li class="sort-item m-display">
                                                    <div class="custom-select" style="width:150px;">
                                                        <select>
                                                            <option value="0">Sort By:</option>
                                                            <option value="1">Name</option>
                                                            <option value="2">Type</option>
                                                            <option value="3">Date</option>
                                                        </select>
                                                    </div>
                                                </li>
                                                <li class="sort-item m-display">
                                                    <div class="custom-select" style="width:150px;">
                                                        <select>
                                                            <option value="0">Show:10</option>
                                                            <option value="1">10</option>
                                                            <option value="2">20</option>
                                                            <option value="3">30</option>
                                                        </select>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="tab-content mt-5" id="myTabContent">
                                        <div class="tab-pane fade show active" id="home" role="tabpanel"
                                            aria-labelledby="home-tab">
                                            <div class="row">
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <p class="product-new">New</p>
                                                        <div class="product-img">
                                                            <img src="assets/img/product/p-20.png" class="product"
                                                                alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu">
                                                                <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span>
                                                            </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">Outlet
                                                                Express - Mega Outlet Express</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$45.00</p>
                                                                </div>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <div class="product-img">
                                                            <img src="assets/img/product/Watches/Size-800X800/5.png"
                                                                class="product" alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu">
                                                                <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span>
                                                            </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">Generico
                                                                Reloj inteligente H76 Presión arterial Frecuencia
                                                                cardíaca</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$29.00</p>
                                                                </div>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <div class="product-img">
                                                            <img src="assets/img/product/Watches/Size-800X800/2.png"
                                                                class="product" alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu">
                                                                <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span>
                                                            </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">Smart
                                                                Watch Men Full Touch Screen Sport Fitness Watch IP67</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$25.00</p>
                                                                </div>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <div class="product-img">
                                                            <img src="assets/img/product/Watches/Size-800X800/1.png"
                                                                class="product" alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu">
                                                                <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span>
                                                            </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">Generico
                                                                Reloj inteligente deportivo para hombre y mujer</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$29.00</p>
                                                                </div>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <p class="product-new">New</p>
                                                        <div class="product-img">
                                                            <img src="assets/img/product/p-11.png" class="product"
                                                                alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu">
                                                                <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span>
                                                            </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">Apple
                                                                iPad Air (4th Gen, 2020) 10.9" Wi-Fi + Cellular 64GB
                                                                Tablet </a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$399.00</p>
                                                                </div>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <div class="product-img">
                                                            <img src="assets/img/product/p-12.png" class="product"
                                                                alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu"> <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span> </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">Microsoft
                                                                Xbox Series X/S Robot White Wireless Controller</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$39.00</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <div class="product-img">
                                                            <img src="assets/img/product/p-14.png" class="product"
                                                                alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu"> <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span> </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">Generico
                                                                Auriculares Bluetooth 5.0 Caja De Carga Auriculares
                                                                9d</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$49.00</p>
                                                                </div>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <p class="product-new">New</p>
                                                        <div class="product-img">
                                                            <img src="assets/img/product/p-18.png" class="product"
                                                                alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu"> <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span> </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">New Sony
                                                                FDR-X3000R 4K Action Cam Sets its Sights on GoPro</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$499.00</p>
                                                                </div>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <p class="product-new">New</p>
                                                        <div class="product-img">
                                                            <img src="assets/img/product/p-19.png" class="product"
                                                                alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu"> <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span> </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">This
                                                                Ultra-Slim Camera Is, Sadly, the Perfect Selfie
                                                                Machine</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$289.00</p>
                                                                    <del class="ps-2">$399.00</del>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>


                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <div class="product-img">
                                                            <img src="assets/img/product/Headphone/1.png"
                                                                class="product" alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu"> <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span> </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">Bakery
                                                                BT016 Bluetooth Headphones</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$29.00</p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <div class="product-img">
                                                            <img src="assets/img/product/Headphone/2.png"
                                                                class="product" alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu"> <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span> </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">sport
                                                                headphone Wireless Headset Bluetooth 4.2 - A</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$16.00</p>
                                                                </div>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xl-3 col-md-4 col-lg-4 col-sm-6 p-1">
                                                    <div class="product-card">

                                                        <p class="product-new">New</p>
                                                        <div class="product-img">
                                                            <img src="assets/img/product/Watches/Size-800X800/15.png"
                                                                class="product" alt="">
                                                            <a href="" class="quick-view" data-bs-toggle="modal"
                                                                data-bs-target="#productQu"> <span>
                                                                    <img src="assets/img/icon/eye.svg" alt=""
                                                                        class="quick-icon">
                                                                </span> </a>
                                                        </div>
                                                        <div class="product-details">
                                                            <a href="single-product.html" class="product-name">(GPS,
                                                                40mm) - Space Gray Aluminum Case with Black Sport</a>
                                                            <div class="price">
                                                                <div class="d-flex">
                                                                    <p class="current-price">$99.00</p>
                                                                </div>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="product-shop-sec">
                                                            <a href="cart.html" class="wishlist"><img
                                                                    src="assets/img/icon/cart-shop.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="compare.html" class="wishlist"><img
                                                                    src="assets/img/icon/compayer.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                            <a href="wishlist.html" class="wishlist"><img
                                                                    src="assets/img/icon/red-heart.svg" alt=""
                                                                    class="wishlist-img"></a>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="row">
                                                <div class="pagination-product">
                                                    <ul class="pagination-ul">
                                                        <li><a href="" class="pagination-link"><span
                                                                    class="fas fa-chevron-left"></span></a></li>
                                                        <li><a href="" class="pagination-link active">1</a></li>
                                                        <li><a href="" class="pagination-link">2</a></li>
                                                        <li><a href="" class="pagination-link">3</a></li>
                                                        <li><a href="" class="pagination-link">4</a></li>
                                                        <li><a href="" class="pagination-link">5</a></li>
                                                        <li><a href="" class="pagination-link"><span
                                                                    class="fas fa-chevron-right"></span></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>



                                        <div class="tab-pane fade" id="profile" role="tabpanel"
                                            aria-labelledby="profile-tab">
                                            <div class="row">
                                                <div class="col-sm-12 ">
                                                    <div class="product-flex-card">
                                                        <div class="product-flex-inner">
                                                            <img src="assets/img/product/Camera/1.png" alt=""
                                                                class="product-img">
                                                            <div class="flex-product-details">
                                                                <p class="category-name">Camera</p>
                                                                <a href="" class="pd-name">
                                                                    Outlet Express - Mega Outlet Express
                                                                </a>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                                <p class="pd-description">
                                                                    In publishing and graphic design, Lorem ipsum is a
                                                                    placeholder text commonly used to demonst</p>
                                                                <h6 class="price-flex-card">$1,999.00
                                                                    <del>$2,500.00</del>
                                                                </h6>
                                                                <div class="flex-shop-sec">
                                                                    <a href="cart.html" class="wishlist"><img
                                                                            src="assets/img/icon/cart-shop.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="compare.html" class="wishlist"><img
                                                                            src="assets/img/icon/compayer.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="wishlist.html" class="wishlist"><img
                                                                            src="assets/img/icon/red-heart.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 ">
                                                    <div class="product-flex-card">
                                                        <div class="product-flex-inner">
                                                            <img src="assets/img/product/Camera/3.png" alt=""
                                                                class="product-img">
                                                            <div class="flex-product-details">
                                                                <p class="category-name">Camera</p>
                                                                <a href="" class="pd-name">
                                                                    Outlet Express - Mega Outlet Express
                                                                </a>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                                <p class="pd-description">
                                                                    In publishing and graphic design, Lorem ipsum is a
                                                                    placeholder text commonly used to demonst</p>
                                                                <h6 class="price-flex-card">$1,999.00
                                                                    <del>$2,500.00</del>
                                                                </h6>
                                                                <div class="flex-shop-sec">
                                                                    <a href="cart.html" class="wishlist"><img
                                                                            src="assets/img/icon/cart-shop.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="compare.html" class="wishlist"><img
                                                                            src="assets/img/icon/compayer.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="wishlist.html" class="wishlist"><img
                                                                            src="assets/img/icon/red-heart.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 ">
                                                    <div class="product-flex-card">
                                                        <div class="product-flex-inner">
                                                            <img src="assets/img/product/Headphine/1.png" alt=""
                                                                class="product-img">
                                                            <div class="flex-product-details">
                                                                <p class="category-name">Camera</p>
                                                                <a href="" class="pd-name">
                                                                    Outlet Express - Mega Outlet Express
                                                                </a>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                                <p class="pd-description">
                                                                    In publishing and graphic design, Lorem ipsum is a
                                                                    placeholder text commonly used to demonst</p>
                                                                <h6 class="price-flex-card">$1,999.00
                                                                    <del>$2,500.00</del>
                                                                </h6>
                                                                <div class="flex-shop-sec">
                                                                    <a href="cart.html" class="wishlist"><img
                                                                            src="assets/img/icon/cart-shop.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="compare.html" class="wishlist"><img
                                                                            src="assets/img/icon/compayer.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="wishlist.html" class="wishlist"><img
                                                                            src="assets/img/icon/red-heart.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 ">
                                                    <div class="product-flex-card">
                                                        <div class="product-flex-inner">
                                                            <img src="assets/img/product/p-12.png" alt=""
                                                                class="product-img">
                                                            <div class="flex-product-details">
                                                                <p class="category-name">Camera</p>
                                                                <a href="" class="pd-name">
                                                                    Outlet Express - Mega Outlet Express
                                                                </a>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                                <p class="pd-description">
                                                                    In publishing and graphic design, Lorem ipsum is a
                                                                    placeholder text commonly used to demonst</p>
                                                                <h6 class="price-flex-card">$1,999.00
                                                                    <del>$2,500.00</del>
                                                                </h6>
                                                                <div class="flex-shop-sec">
                                                                    <a href="cart.html" class="wishlist"><img
                                                                            src="assets/img/icon/cart-shop.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="compare.html" class="wishlist"><img
                                                                            src="assets/img/icon/compayer.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="wishlist.html" class="wishlist"><img
                                                                            src="assets/img/icon/red-heart.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-sm-12 ">
                                                    <div class="product-flex-card">
                                                        <div class="product-flex-inner">
                                                            <img src="assets/img/product/Watches/10.jpg" alt=""
                                                                class="product-img">
                                                            <div class="flex-product-details">
                                                                <p class="category-name">Camera</p>
                                                                <a href="" class="pd-name">
                                                                    Outlet Express - Mega Outlet Express
                                                                </a>
                                                                <ul class="rating">
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star"></span></li>
                                                                    <li class="rating-li"><span
                                                                            class="fas fa-star-half-alt"></span></li>
                                                                </ul>
                                                                <p class="pd-description">
                                                                    In publishing and graphic design, Lorem ipsum is a
                                                                    placeholder text commonly used to demonst</p>
                                                                <h6 class="price-flex-card">$1,999.00
                                                                    <del>$2,500.00</del>
                                                                </h6>
                                                                <div class="flex-shop-sec">
                                                                    <a href="cart.html" class="wishlist"><img
                                                                            src="assets/img/icon/cart-shop.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="compare.html" class="wishlist"><img
                                                                            src="assets/img/icon/compayer.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                    <a href="wishlist.html" class="wishlist"><img
                                                                            src="assets/img/icon/red-heart.svg" alt=""
                                                                            class="wishlist-img"></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="pagination-product">
                                                    <ul class="pagination-ul">
                                                        <li><a href="" class="pagination-link"><span
                                                                    class="fas fa-chevron-left"></span></a></li>
                                                        <li><a href="" class="pagination-link active">1</a></li>
                                                        <li><a href="" class="pagination-link">2</a></li>
                                                        <li><a href="" class="pagination-link">3</a></li>
                                                        <li><a href="" class="pagination-link">4</a></li>
                                                        <li><a href="" class="pagination-link">5</a></li>
                                                        <li><a href="" class="pagination-link"><span
                                                                    class="fas fa-chevron-right"></span></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <!-- ===========recently view product======= -->
                                <div class="recently-view-sec">
                                    <div class="sec-title">
                                        <h3>Recently Viewed Products</h3>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6 col-xl-4 col-md-6 col-sm-6 my-2">
                                            <div class="view-product-card">
                                                <div class="view-pd-img">
                                                    <img src="assets/img/product/Watches/1.png" alt="">
                                                </div>
                                                <div class="view-pd-details">
                                                    <a href="single-product.html" class="view-product-title">Generico
                                                        Reloj inteligente deportivo para....</a>
                                                    <p class="rs-view-price">$29.99</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xl-4 col-md-6 col-sm-6 my-2">
                                            <div class="view-product-card">
                                                <div class="view-pd-img">
                                                    <img src="assets/img/product/Headphine/1.png" alt="">
                                                </div>
                                                <div class="view-pd-details">
                                                    <a href="single-product.html" class="view-product-title">Bakeey
                                                        BT016 Bluetooth Headphones...</a>
                                                    <p class="rs-view-price">$99.99</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xl-4 col-md-6 col-sm-6 my-2">
                                            <div class="view-product-card">
                                                <div class="view-pd-img">
                                                    <img src="assets/img/product/p-19.png" alt="">
                                                </div>
                                                <div class="view-pd-details">
                                                    <a href="single-product.html" class="view-product-title">This
                                                        Ultra-Slim Camera the Perfect Selfie Machine...</a>
                                                    <p class="rs-view-price">$59.00</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xl-4 col-md-6 col-sm-6 my-2">
                                            <div class="view-product-card">
                                                <div class="view-pd-img">
                                                    <img src="assets/img/product/Headphone/8.png" alt="">
                                                </div>
                                                <div class="view-pd-details">
                                                    <a href="single-product.html" class="view-product-title">Sony's
                                                        WH-1000XM4 cans look just like the XM3s...</a>
                                                    <p class="rs-view-price">$19.00</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xl-4 col-md-6 col-sm-6 my-2">
                                            <div class="view-product-card">
                                                <div class="view-pd-img">
                                                    <img src="assets/img/product/Watches/1.png" alt="">
                                                </div>
                                                <div class="view-pd-details">
                                                    <a href="single-product.html" class="view-product-title">Generico
                                                        Reloj inteligente deportivo para....</a>
                                                    <p class="rs-view-price">$29.99</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-xl-4 col-md-6 col-sm-6 my-2">
                                            <div class="view-product-card">
                                                <div class="view-pd-img">
                                                    <img src="assets/img/product/p-16.png" alt="">
                                                </div>
                                                <div class="view-pd-details">
                                                    <a href="single-product.html" class="view-product-title">APPLE
                                                        IPHONE 12 MINI 5.4" 128GB RED ITALIA...</a>
                                                    <p class="rs-view-price">$49.00</p>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!-- ===========recently view product end======= -->

                                <!-- ===========recently view product======= -->
                                <div class="recently-view-sec mt-5">
                                    <div class="sec-title">
                                        <h3>New Arrivals Products</h3>
                                    </div>
                                    <div class="row">

                                        <div class="col-lg-4 col-xl-4 col-md-6 col-sm-6 my-2">
                                            <div class="view-product-card">
                                                <div class="view-pd-img">
                                                    <img src="assets/img/product/Headphine/4.png" alt="">
                                                </div>
                                                <div class="view-pd-details">
                                                    <a href="single-product.html" class="view-product-title">Tribit
                                                        Wireless Bluetooth Headphones...</a>
                                                    <p class="rs-view-price">$69.00</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-xl-4 col-md-6 col-sm-6 my-2">
                                            <div class="view-product-card">
                                                <div class="view-pd-img">
                                                    <img src="assets/img/product/p-18.png" alt="">
                                                </div>
                                                <div class="view-pd-details">
                                                    <a href="single-product.html" class="view-product-title">New Sony
                                                        FDR-X4000R 4K Action Sights on GoPro...</a>
                                                    <p class="rs-view-price">$145.99</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-xl-4 col-md-6 col-sm-6 my-2">
                                            <div class="view-product-card">
                                                <div class="view-pd-img">
                                                    <img src="assets/img/product/Watches/13.png" alt="">
                                                </div>
                                                <div class="view-pd-details">
                                                    <a href="single-product.html" class="view-product-title">Smartwatch
                                                        2.0 LTE Wifi Waterproof...</a>
                                                    <p class="rs-view-price">$99.99</p>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!-- ===========recently view product end======= -->
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <!-- ========cat by product end======== -->

    <!-- ======multilayer section start end=========== -->
    <!-- =========partner section======== -->
    <div class="partner-sec my-5">
        <div class="container">
            <div class="row">
                <div class="partner-slider owl-carousel owl-theme">
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/1.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/2.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/3.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/4.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/5.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="partner-logo">
                            <img src="assets/img/partner/6.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- =========partner section end======== -->
    <!-- ========footer section design ========= -->
    <section>
        <footer>
            <div class="top-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 my-2">
                            <div class="singup-letter">
                                <img src="assets/img/icon/mail.svg" alt="" class="letter-icon">
                                <div class="letter-details-sec">
                                    <h2>Sign Up to Newsletter</h2>
                                    <p>
                                        Subscribe our newsletter & get notification about information discount.
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 my-2">
                            <div class="subscribe-sec">
                                <form action="#" class="subscribe-form sub-form-bg">
                                    <div class="input-group">
                                        <input type="email" class="form-control subscribe-input"
                                            placeholder="Your Email Address">
                                        <div class="input-group-prepend">
                                            <button class="input-group-text custom-btn">SUBSCRIBE</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- =========main-footer=========== -->
            <div class="main-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6 my-2">
                            <div class="f-logo-sec">
                                <img src="assets/img/logo/Llectrolo-Logo-Red.svg" alt="" class="logo">
                            </div>

                            <p class="footer-des">
                                Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                                commodo.
                            </p>
                            <div class="social">
                                <ul class="social-ul">
                                    <li class="social-li"><a href="" class="social-link"><span
                                                class="fab fa-facebook-f"></span></a></li>
                                    <li class="social-li"><a href="" class="social-link"><span
                                                class="fab fa-instagram"></span></a></li>
                                    <li class="social-li"><a href="" class="social-link"><span
                                                class="fab fa-twitter"></span></a></li>
                                    <li class="social-li"><a href="" class="social-link"><span
                                                class="fab fa-pinterest"></span></a></li>
                                </ul>
                            </div>
                            <div class="mobile-app">
                                <a href="">
                                    <img src="assets/img/app-store.png" alt="" class="store-img">
                                </a>
                                <a href=""><img src="assets/img/play-store.png" alt="" class="store-img"></a>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 my-2">
                            <div class="quick-link">
                                <h2 class="foot-sec-title">Quick Links</h2>
                                <ul class="quick-link-ul">
                                    <li class="footer-link"><a href="cat-by-product-col-4.html"
                                            class="footer-menu-link">All Products</a></li>
                                    <li class="footer-link"><a href="#" class="footer-menu-link">Payment Method</a></li>
                                    <li class="footer-link"><a href="terms_and_condition.html"
                                            class="footer-menu-link">Terms and Condition</a></li>
                                    <li class="footer-link"><a href="faq.html" class="footer-menu-link">Faq &
                                            Support</a></li>
                                    <li class="footer-link"><a href="blog.html" class="footer-menu-link">Blog Post</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 my-2">
                            <div class="quick-link">
                                <h2 class="foot-sec-title">Account Info</h2>
                                <ul class="quick-link-ul">
                                    <li class="footer-link"><a href="login.html" class="footer-menu-link">Sign In </a>
                                    </li>
                                    <li class="footer-link"><a href="profile.html" class="footer-menu-link">Shipping
                                            Address</a></li>
                                    <li class="footer-link"><a href="wishlist.html"
                                            class="footer-menu-link">Wishlist</a></li>
                                    <li class="footer-link"><a href="order-history.html" class="footer-menu-link">Order
                                            History</a></li>
                                    <li class="footer-link"><a href="profile.html" class="footer-menu-link">My
                                            Account</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6 my-2">
                            <div class="quick-link">
                                <h2 class="foot-sec-title">Contact Us</h2>
                                <ul class="address-sec">
                                    <li><strong>Address:</strong>
                                        <p>Your Address, 1234, Country</p>
                                    </li>
                                    <li><strong>Email:</strong>
                                        <p> info@example.com</p>
                                    </li>
                                    <li><strong>Phone:</strong>
                                        <p>+012-345-6789</p>
                                    </li>
                                    <li><strong>Payment Method</strong></li>
                                    <li class="p-0"><img src="assets/img/logo/cc.png" alt="" class="currency-logo"></li>
                                </ul>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="last-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="cp-sec">
                                <p>Copyright &copy; 2025 All rights reserved. <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="last-foot-menu">
                                <ul class="ls-foot-menu">
                                    <li><a href="#" class="pvc-link border-end ">Privacy Policy</a></li>
                                    <li><a href="terms_and_condition.html" class="pvc-link ">Terms of Condition</a></li>
                                    <li><a href="#" class="pvc-link border-start ">Sales and Refunds</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </section>
    <!-- ========footer section design end ========= -->
    <!-- =========product view modal============ -->
    <section>

        <!-- Modal -->
        <div class="modal fade" id="productQu" tabindex="-1" aria-labelledby="productQu" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header border-0">
                        <button type="button" class="btn-close pp-close-btn" data-bs-dismiss="modal" aria-label="Close">
                            <span class="fas fa-times"></span></button>
                    </div>
                    <div class="modal-body">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-5">

                                    <div class="sp-loading"><img src="assets/img/sp-loading.gif" alt=""><br>LOADING
                                        IMAGES</div>
                                    <div class="sp-wrap">
                                        <a href="assets/img/product/Watches/13.png"><img
                                                src="assets/img/product/Watches/13.png" alt=""></a>
                                        <a href="assets/img/product/Watches/10.jpg"><img
                                                src="assets/img/product/Watches/10.jpg" alt=""></a>
                                        <a href="assets/img/product/Watches/7.jpg"><img
                                                src="assets/img/product/Watches/7.jpg" alt=""></a>
                                        <a href="assets/img/product/Watches/8.jpg"><img
                                                src="assets/img/product/Watches/8.jpg" alt=""></a>
                                        <a href="assets/img/product/Watches/3.jpg"><img
                                                src="assets/img/product/Watches/3.jpg" alt=""></a>
                                    </div>
                                </div>
                                <div class="col-lg-7">
                                    <div class="product-single-details">
                                        <p class="product-cat-s">Watch</p>
                                        <h2 class="product-title"> Apple Apple Watch Series 6 GPS, 40mm Gold Aluminum
                                            Case with Pink Sand Sport Band -Regular -Apple</h2>
                                        <div class="rating-review">
                                            <ul class="rating">
                                                <li class="rating-li"><span class="fas fa-star"></span></li>
                                                <li class="rating-li"><span class="fas fa-star"></span></li>
                                                <li class="rating-li"><span class="fas fa-star"></span></li>
                                                <li class="rating-li"><span class="fas fa-star"></span></li>
                                                <li class="rating-li"><span class="fas fa-star-half-alt"></span></li>
                                            </ul>
                                            <p class="customer-review">
                                                30 Customer Review
                                            </p>
                                        </div>
                                        <div class="cat-tag">
                                            <p class="category">Categories: <span>Phone, Iphone, Smart Phone</span></p>
                                            <p class="tag">Tags: <span> Android, IPhone 12</span></p>
                                        </div>
                                        <div class="s-price">
                                            <h3>$595.00</h3> <del>525.55</del>
                                        </div>
                                        <div class="stock">
                                            <p>Availability:</p> <span>In Stock</span>
                                        </div>
                                        <div class="product-future">
                                            <ul class="product-future-ul">
                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        NETWORK :</p><span>GSM / CDMA / HSPA / EVDO / LTE / 5G</span>
                                                </li>
                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        MEMORY :</p><span>64GB 4GB RAM, 128GB 4GB RAM, 256GB 4GB
                                                        RAM</span>
                                                </li>
                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        MAIN CAMERA :</p><span>12 MP, f/1.6, 26mm (wide), 1.4µm, dual
                                                        pixel PDAF, OIS 12 MP</span>
                                                </li>
                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        SELFIE CAMERA :</p><span>12 MP, f/2.2, 23mm (wide), 1/3.6" SL
                                                        3D, (depth/biometrics sensor)</span>
                                                </li>

                                                <li>
                                                    <p class="future-strong"><span class="fas fa-arrow-right"></span>
                                                        FEATURES :</p><span>Face ID, accelerometer, gyro, proximity,
                                                        compass, barometer Siri </span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="product-color">
                                            <form action="#">

                                                <div class="color" style="background-color: #E0E4CC">
                                                    <input type="radio" name="color">
                                                    <i class="checkbox-icon"></i>
                                                </div>

                                                <div class="color" style="background-color: #F38630">
                                                    <input type="radio" name="color">
                                                    <i class="checkbox-icon"></i>
                                                </div>

                                                <div class="color" style="background-color: #FA6900">
                                                    <input type="radio" name="color">
                                                    <i class="checkbox-icon"></i>
                                                </div>
                                            </form>
                                        </div>


                                        <div class="size d-flex">
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="flexRadioDefault"
                                                    id="flexRadioDefault1" checked>
                                                <label class="form-check-label" for="flexRadioDefault1">
                                                    XL
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="flexRadioDefault"
                                                    id="flexRadioDefault2">
                                                <label class="form-check-label" for="flexRadioDefault2">
                                                    XXL
                                                </label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="flexRadioDefault"
                                                    id="flexRadioDefault3">
                                                <label class="form-check-label" for="flexRadioDefault3">
                                                    XXXL
                                                </label>
                                            </div>
                                        </div>
                                        <div class="qu-cart-fav">
                                            <form id='myform' method='POST' class='quantity pe-3' action='#'>
                                                <input type='button' value='-' class='qtyminus minus' />
                                                <input type='text' name='quantity' value='0' class='qty' />
                                                <input type='button' value='+' class='qtyplus plus' />
                                            </form>
                                            <div class="d-flex align-items-center margin-align">
                                                <a href="" class="custom-btn me-3">ADD TO CART</a>
                                                <a href="wishlist.html" class="wishlist"><img
                                                        src="assets/img/icon/red-heart.svg" alt=""
                                                        class="wishlist-img"></a>
                                            </div>
                                        </div>

                                        <div class="product-share">
                                            <p class="share">Share Product :</p>
                                            <ul class="share-product-ul">
                                                <li><a href="" class="social-share-pd"><span
                                                            class="fab fa-facebook-f"></span></a></li>
                                                <li>
                                                    <a href="" class="social-share-pd"><span
                                                            class="fab fa-instagram"></span></a>
                                                </li>
                                                <li>
                                                    <a href="" class="social-share-pd"><span
                                                            class="fab fa-twitter"></span></a>
                                                </li>
                                                <li>
                                                    <a href="" class="social-share-pd"><span
                                                            class="fab fa-pinterest"></span></a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- ===========jquery========= -->
    <script src="assets/js/jquery.min.js"></script>
    <!-- ===========bootstrap========= -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!-- ===========owl carousel========= -->
    <script src="assets/js/owlcarousel/owl.carousel.min.js"></script>
    <script src="assets/js/jQuery.UI.js"></script>
    <!-- ===========smoothproducts========= -->
    <script src="assets/js/smoothproducts.min.js"></script>
    <!-- ===========rating========= -->
    <script src="assets/js/rating/star-rating.min.js"></script>
    <!-- ===========rating/theme========= -->
    <script src="assets/js/rating/theme.js"></script>
    <!-- ===========main========= -->
    <script src="assets/js/main.js"></script>
    <!-- ===script end=========== -->


</body>

</html>